@charset "utf-8";
//导航栏的背景颜色
.navbar-default{
    background-color: #222222;
    margin-bottom: 0;
    border:none;
    border-radius: 0;
    .container-fluid{
        max-width:1000px;
        .navbar-header{
            .navbar-brand{
                padding-top:7px; 
            }
        }
        #navbar{
            .navbar-nav{
                .dropBtn{
                    &:link{
                        background-color:#080808;
                        color:#fff;
                    }
                }
            }
           
        }
    } 
}
//导航栏的a标签颜色
.navbar-default .navbar-nav > li > a{
    color:#858585;
}

//导航激活类的样式
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover{
    background-color: #080808;
    color:#fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav >li > a:focus{
    color:#fff;
}
.navbar-default .navbar-nav #dropBtn{
    background-color: #fff;
    color:#222222;
}
.navbar-default .navbar-nav .open a:focus{
    background-color: #080808;
    color:#fff;
}
.navbar-default .navbar-toggle{
    border-color:transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: #080808;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color:transparent;
}
//logo位置
.navbar-brand{
    padding-top:0;
    padding-bottom: 0;
}

//新闻动态
.news_section{
    .news{
        max-width:1000px;
        margin-bottom:80px;
        .news_title{
            margin-top:20px;
            margin-bottom:10px;
            h2{
                color:#ff6b08;
                font-size:26px;
                font-weight: 500;
            }
        }
        .news_img{
            .news_images{
                position: relative;
                overflow: hidden;
                img{
                    width:100%;
                    border:1px solid #eeeeee;
                    border-radius: 3px;
                }
                .black{
                    width:100%;
                    height:40px;
                    position: absolute;
                    left:0;
                    bottom:0;
                    z-index:2;
                    background: black;
                    opacity: 0.6;
                    transition:all 1s;
                }
                .news_text{
                    width:100%;
                    height:40px;
                    position: absolute;
                    left:0;
                    bottom:0;
                    z-index: 3;
                    color:#fff;
                    transition:all 1s;
                    p{
                        padding:10px 5px;
                    }
                }
                &:hover .black,&:hover .news_text{
                    bottom:-40px;
                }
            }
        }
    }
}
//新闻详情
.newsList_section{
    .newsList{
        max-width:1000px;
        border-bottom: 1px dashed #eee;
        .newsList_row{
            margin-bottom: 30px;
            .newsList_img{
                img{
                    width:100%;
                    padding:5px;
                    border:1px solid #eee;
                    &:hover{
                        opacity: 0.6;
                    }
                }
            }
            .newsList_text{
                h4{
                    color:#ff6900;
                    margin-top:5px;
                }
                p{
                    color:#666;
                }
                .title{
                    color:#666;
                }
                a{
                    display: block;
                    width:98px;
                    height:32px;
                    line-height: 32px;
                    text-align: center;
                    background-color: #ff6900;
                    color:#fff;
                    border-radius: 20px;
                    float:right;
                    &:hover{
                        text-decoration: none;
                    }
                }
                .btn{
                    height:30px;
                    line-height: 30px;
                    color: #ff6900;
                    background-color: #fff;
                    border:1px solid #ff6900;
                    padding:0;
                }
            }
        }
       
    }
}
//分页
.page_section{
    .page{
        max-width:1000px;
        margin-top:30px;
        margin-bottom:30px;
        .page_btn{
            .page_content{
                text-align: center;
                a{
                    display: inline-block;
                    padding:5px 15px;
                    border:1px solid #eee;
                    margin-left:-4px;
                    color:#666;
                }
                #btn1{
                    border-radius: 5px 0 0 5px;
                }
                #btn2{
                    background-color: #e34637;
                    color:#fff;
                }
                #btn3{
                    border-radius: 0 5px 5px 0;
                }
            }
        }
    }
}
//脚部样式
footer{
    background-color: #3b3b3b;
   
    .footer{
        max-width:1000px;
        .footer_text{
           a{
               margin-top:30px;
               display: inline-block;
               line-height: 26px;
               padding-right:10px;
               color:#a1a3ab;
               &:hover{
                   color:#fff;
                   text-decoration: none;
               }
           }
            p{
                color:#a1a3ab;
            }
        }
        .footer_img{
            margin-top:30px;
            text-align: right;
            a{
                padding-left:10px;
                position: relative;
                .img{
                    display: none;
                    position: absolute;
                    top:-160px;
                    left:-40px;
                    z-index:999;
                }
                &:hover .img{
                    display: block;
                }
            }
        }
    }
}
@media screen and (min-width:992px){

}
@media screen and (min-width:768px) and (max-width:991px){
    //新闻动态
    .news_section{
        .news{
            .news_img{
                .news_images{
                    .black{
                        height:50px;
                    }
                    .news_text{
                        height:50px;
                    }
                    &:hover .black,&:hover .news_text{
                        bottom:-50px;
                    }
                }
            }
        }
    }
     //脚部样式
     footer{
        background-color: #3b3b3b;
        .footer{
           .footer_img{
               padding-right:20px;
               padding-bottom:20px;
           }
        }
    }
    
}
@media screen and (min-width:480px) and (max-width:767px){
    //新闻动态
    .news_section{
        .news{
            .news_img{
                .news_images{
                    .black{
                    display: none;
                    }
                    .news_text{
                        display: none;
                    }
                }
            }
        }
    }
    //新闻详细列表
    .newsList_section{
        .newsList{
            max-width:1000px;
            border-bottom: 1px dashed #eee;
            margin-top:-30px;
            .newsList_row{
                margin-bottom: 20px;
                .newsList_text{
                    h4{
                        margin-top:5px;
                        font-size:14px;
                    }
                    p{
                        color:#666;
                    }
                    .title{
                        color:#666;
                    }
                    a,.text_p{
                        display: none;
                    }
                }
            }
           
        }
    }
    //脚部样式
    footer{
        background-color: #3b3b3b;
        overflow: hidden;
        .footer{
           .footer_img{
               padding-right:20px;
               padding-bottom:20px;
           }
        }
    }
}
@media screen and (max-width:480px){
    .news_section{
        .news{
            .news_img{
                .news_images{
                    .black{
                    display: none;
                    }
                    .news_text{
                        display: none;
                    }
                }
            }
        }
    }
    //新闻详细列表
    .newsList_section{
        .newsList{
            max-width:1000px;
            border-bottom: 1px dashed #eee;
            margin-top:-30px;
            .newsList_row{
                margin-bottom: 20px;
                .newsList_text{
                    h4{
                        margin-top:5px;
                        font-size:14px;
                    }
                    p{
                        color:#666;
                    }
                    .title{
                        color:#666;
                    }
                    a,.text_p{
                        display: none;
                    }
                }
            }
           
        }
    }
     //脚部样式
     footer{
        .footer{
           .footer_img{
               display: none;
           }
        }
    }
    //分页
    .page_section{
        .page{
            .page_btn{
                .page_content{
                    a{
                        padding:3px 8px;
                        font-size:10px;
                    }
                }
            }
        }
    }
}


